<style>
    .el-row {
        background-color: #1844a8!important;
    }
    .cdcss {
        background-color: #1844a8!important;
    }
</style>
<div class="jj_banner_box">
</div>
<div class="jj_cont1_box">
    <div class="jj_cont4_box">
        <div class="jj_cont4">
            <img class="left" src="/img/jj_tu5.png">
            <div class="jj_ct4_left left" style="float: right;">
                <p>平台定位</p>
                <div class="jj_ct4_ct">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;此平台作为国内海洋预报及相关机构数值产品分发和国外常用数值产品准实时下载的工具，实现了数据的开放共享、统一管理、提高传输效率的目的。通过使用平台，各预报单位可以集中下载相同的预报产品，从而减少产品制作单位的重复分发；可以拓展各预报单位可参考的预报产品资源，利于单位之间互通有无；平台为各单位下载国外预报机构的常用产品提供了新途径，使缺乏获取数据条件的机构可更快获得这些数据，也为已有条件的单位增加了获得渠道。平台将数倍提高现有数据传输方式的传输速度，极大缩短现有传输方式所需的传输时间。
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div id="footer"></div>
<script>
    /**
     * 渲染底部
     */
        $('#footer').load("/home/footer");
</script>
<style>
    /* CSS Document */
    .jj_banner_box{
        position: relative;
    }
    .jj_banner_box{
        width: 100%;
        height: 500px;
        background-image: url(/img/banner2.png);
        background-repeat: repeat-x;
    }

    .jj_cont1_box{
        width:100%;
        margin:0 auto;
    }
    .jj_cont1{
        width:1200px;
        margin:0 auto;
    }
    .jj_cot{
        color:#333;
        text-align:left;
        line-height:30px;
        margin-bottom:60px;
    }
    .jj_cont2{
        width:1266px;
        margin:0 auto;
    }
    .jj_img1{
        width:400px;
        height:280px;
        background-image:url(../images/jj-tu1.png);
        position:relative;
        margin-bottom:80px;
    }
    .jj_img1:hover .jj_tu1{
        display:block;
        cursor:pointer;
    }
    .jj_img2:hover .jj_tu1{
        display:block;
        cursor:pointer;
    }
    .jj_img3:hover .jj_tu1{
        display:block;
        cursor:pointer;
    }
    .jj_img2{
        width:400px;
        height:280px;
        background-image:url(/img/jj-tu2.png);
        position:relative;
        margin-bottom:80px;
    }
    .jj_img3{
        width:400px;
        height:280px;
        background-image:url(/img/jj-tu3.png);
        position:relative;
        margin-bottom:80px;
    }
    .jj_tu1{
        display:none;
        position:absolute;
        top:0;
        left:0;
        width:400px;
        height:250px;
        background-color:rgba(10,46,129,0.8);
        margin:0 auto;
        z-index:999;
        padding-top:30px;
    }
    .jj_border{
        border:solid 1px #FFFFFF;
        text-align:center;
        color:#FFF;
        margin:40px auto;
        width:208px;
        padding:55px 0;
        line-height:30px;
        font-size:16px;
        letter-spacing:3px;
    }
    .jj_cont3_box{
        width:100%;
        background-color:#2f5abe;
        margin:0 auto;
    }
    .jj_cont3{
        width:1200px;
        margin:0 auto;
        margin-bottom:80px;
    }
    .jj_ct3_left{
        width:550px;
        color:#FFF;
    }
    .jj_ct3_left p{
        margin:100px 0 30px;
        font-size:18px;
        text-align:center;
    }
    .jj_ct3_ct{
        margin-bottom:30px;
        line-height:30px;
        margin-right: 24px;
    }
    .jj_cont4_box{
        width:100%;
        margin:0 auto;
    }
    .jj_cont4{
        width:1200px;
        margin:0 auto;
        margin-bottom:80px;
    }
    .jj_ct4_left{
        width:540px;
        color:#333;
    }
    .jj_ct4_left p{
        margin:100px 0 30px;
        font-size:18px;
        text-align:center;
    }
    .jj_ct4_ct{
        margin-bottom:80px;
        line-height:30px;
        padding: 0 80px 0 80px;
    }
    .banner3{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
</style>